<%@ include file="httpHeader.jsp" %>

<script type="text/javascript">
		$(document).ready(function() {
			$("#pikame").PikaChoose();
			 //class="current"
			$("menu_index").addClass("current");
		});
</script>

<body>
<div id="container">
<%@ include file="menu.jsp" %>
 <div class="wrapper">
 	<div class="pikachoose">
          <ul id="pikame">
            <li><a href=""><img src="img/home/1.jpg" alt="" /></a></li>
            <li><a href=""><img src="img/home/2.jpg" alt="" /></a></li>
            <li><a href=""><img src="img/home/3.jpg" alt="" /></a></li>
            <li><a href=""><img src="img/home/4.jpg" alt="" /></a></li>
          </ul>
     </div>
     <div class="clear"></div>
     <div class="border"></div>
        
 </div>



<h1>Contact Manager</h1>
<s:actionerror/>

<s:form action="add" method="post">
	<s:textfield name="contact.firstName" label="Firstname"/>
	<s:textfield name="contact.lastName" label="Lastname"/>
	<s:textfield name="contact.emailId" label="Email"/>
	<s:textfield name="contact.cellNo" label="Cell No."/>
	<s:textfield name="contact.website" label="Homepage"/>
	<s:textfield name="contact.birthDate" label="Birthdate"/>
	<s:submit value="Add Contact" align="center"/>
</s:form>


<h2>Contacts</h2>
<table id="contact" border="1">
<tr>
	<th>Name</th>
	<th>Email</th>
	<th>Cell No.</th>
	<th>Birthdate</th>
	<th>Homepage</th>
	<th>Delete</th>
</tr>
<s:iterator value="contactList" var="contact">
	<tr>
		<td><s:property value="lastName"/>, <s:property value="firstName"/> </td>
		<td><s:property value="emailId"/></td>
		<td><s:property value="cellNo"/></td>
		<td><s:property value="birthDate"/></td>
		<td><a href="<s:property value="website"/>">link</a></td>
		<td><a href="delete?id=<s:property value="id"/>">delete</a></td>
	</tr>	
</s:iterator>
</table>
<%@ include file="footer.jsp" %>

</div>
</body>

